﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:PhoneToolkit_Extensions_Behaviors="clr-namespace:PhoneToolkit.Extensions.Behaviors;assembly=PhoneToolkit.Extensions.Behaviors" 
    x:Class="PhoneToolkit.Extensions.Behaviors.Sample.TiltEffectPage"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True">
	<phone:PhoneApplicationPage.Resources>
		<DataTemplate x:Name="DoubleLineListTemplate">
			<StackPanel Margin="12,8,0,2">
				<TextBlock Text="ListBox with tilt effect" HorizontalAlignment="Left" VerticalAlignment="Top" Padding="0,3,0,0" FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" LineStackingStrategy="BlockLineHeight" LineHeight="43" />
				<TextBlock Text="Selecting items in this listbox will use tilt effect" Opacity="0.65" HorizontalAlignment="Left" FontSize="{StaticResource PhoneFontSizeSmall}" TextWrapping="Wrap" VerticalAlignment="Top" Foreground="{StaticResource PhoneForegroundBrush}" FontFamily="{StaticResource PhoneFontFamilyNormal}" Margin="0,0,0,13"/>
			</StackPanel>
		</DataTemplate>
		<DataTemplate x:Name="DoubleLineListTemplate2">
			<StackPanel Margin="12,8,0,2">
				<TextBlock Text="ListBox suppressing tilt" HorizontalAlignment="Left" VerticalAlignment="Top" Padding="0,3,0,0" FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" LineStackingStrategy="BlockLineHeight" LineHeight="43" />
				<TextBlock Text="If you select items in this listbox they won't tilt" Opacity="0.65" HorizontalAlignment="Left" FontSize="{StaticResource PhoneFontSizeSmall}" TextWrapping="Wrap" VerticalAlignment="Top" Foreground="{StaticResource PhoneForegroundBrush}" FontFamily="{StaticResource PhoneFontFamilyNormal}" Margin="0,0,0,13"/>
			</StackPanel>
		</DataTemplate>
	</phone:PhoneApplicationPage.Resources>
 
    <!--Sample code showing usage of ApplicationBar-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>
	<i:Interaction.Behaviors>
		<PhoneToolkit_Extensions_Behaviors:TransitionTurnstileInBehavior/>
		<PhoneToolkit_Extensions_Behaviors:TransitionTurnstileOutBehavior/>
		<PhoneToolkit_Extensions_Behaviors:EnableTiltEffectBehavior/>
	</i:Interaction.Behaviors>

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Text="SILVERLIGHT TOOLKIT BEHAVIOR EXTENSIONS" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="Tilt effect" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        	<ScrollViewer>
        		<StackPanel>
        			<Button Content="This button has a tilt effect" HorizontalAlignment="Left" VerticalAlignment="Top"/>
        			<ListBox >
        				<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4"/>
        				<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4"/>
        				<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4"/>
        			</ListBox>  
        			<Button Content="This button supresses the tilt effect" HorizontalAlignment="Left" VerticalAlignment="Top">
        				<i:Interaction.Behaviors>
        					<PhoneToolkit_Extensions_Behaviors:SuppressTiltBehavior/>
        				</i:Interaction.Behaviors>
        			</Button> 		
        			<ListBox >
        				<i:Interaction.Behaviors>
        					<PhoneToolkit_Extensions_Behaviors:SuppressTiltBehavior/>
        				</i:Interaction.Behaviors>
        				<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate2}" HorizontalContentAlignment="Left" Margin="0,0,0,4"/>
        				<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate2}" HorizontalContentAlignment="Left" Margin="0,0,0,4"/>
        				<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate2}" HorizontalContentAlignment="Left" Margin="0,0,0,4"/>
        			</ListBox>   	
        		</StackPanel>     	
			</ScrollViewer>
		</Grid>
    </Grid>

</phone:PhoneApplicationPage>
